<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" href="css/index.css">
	<link rel="stylesheet" href="lib/swiper.min.css">
	<script type="text/javascript" src="js/jquery-3.1.1min.js"></script>
	<script type="text/javascript" src="js/indexmin.js"></script>
	
	
</head>
<body>
	<div class="topt">
		<div class="top">
			<p class="tleft">
				<span class="zans">北京</span>
				<a href="#">[切换城市]</a>
			</p>
			<p class="tcenter">
				<a href="#">同城帮首页</a>
			</p>
			<p class="tright">
				<a href="#" class="deng">登录</a>
				<a href="#" class="zhuc">注册</a>
				<a href="#" class="wd">我的订单</a>
				<span>在线客服:(9:00-21:00)</span>
				<span>客户服务</span>
				<a href="#" class="lt">论坛</a>
				<a href="#" class="tous">投诉建议</a>
			</p>
		</div>
	</div>
	<div class="logo">
		<img src="images/35.png" alt="">
		<div class="logor">
			<a href="#">二手优品</a>
			<a href="#">手机回收</a>
			<a href="#">手机维修</a>
			<a href="#">电脑维修</a>
			<a href="#">已旧换新</a>
			<a href="#">手机租用</a>
		</div>
	</div>
	<div class="cen">
		<div class="cenl">
			<ul>
				<li>
					<img src="images/2_03.png" alt="">
					<p>修手机/Pad <span>></span></p>
				</li>
				<li>
					<img src="images/2_06.png" alt="">
					<p>修电脑 <span>></span></p>
				</li>
				<li>
					<img src="images/2_08.png" alt="">
					<p>卖手机/电脑 <span>></span></p>
				</li>
				<li>
					<img src="images/2_10.png" alt="">
					<p>卖二手 <span>></span></p>
				</li>
			</ul>
		</div>
		<div class="swiper-container">
	        <div class="swiper-wrapper">
	            <div class="swiper-slide"><img src="images/t01c85b156ed264fe68.png" alt=""></div>
	            <div class="swiper-slide"><img src="images/t01325d5b9725e1acd0.jpg" alt=""></div>
	            <div class="swiper-slide"><img src="images/t014658b2dbcf541b01.jpg" alt=""></div>
	            <div class="swiper-slide"><img src="images/t0102c33cac32934f36.jpg" alt=""></div>
	        </div>
	        <div class="swiper-button-prev"></div>
	        <div class="swiper-button-next"></div>
	        <div class="swiper-pagination"></div>
	    </div>
	</div>
	
	<div class="tan">
		<div><a href="#"><img src="images/t01aad5c130b8653368.jpg" alt=""></a></div>
		<div><a href="#"><img src="images/10.jpg" alt=""></a></div>
		<div><a href="#"><img src="images/14.jpg" alt=""></a></div>
		<div><a href="#"><img src="images/15.png" alt=""></a></div>
	</div>

	<div class="remen">
		<h2>热门回收手机</h2>
		<p><a href="#">查看更多<img src="images/1_03.png" alt=""></a></p>
	</div>

	<div class="cat">
		<div class="catl">
			<a href="#"><img src="images/4_03.png" alt=""></a>
		</div>
		<div class="catr">
			<div><a href="#"><img src="images/4_041.png" alt=""></a></div>
			<div><a href="#"><img src="images/4_031.png" alt=""></a></div>
			<div><a href="#"><img src="images/4_071.png" alt=""></a></div>
			<div><a href="#"><img src="images/4_051.png" alt=""></a></div>
			<div><a href="#"><img src="images/4_061.png" alt=""></a></div>
		</div>
	</div>
	<div class="remen">
		<h2>优品精选</h2>
		<p><a href="#">查看更多<img src="images/1_03.png" alt=""></a></p>
	</div>
	<div class="cat">
		<div class="catl">
			<a href="#"><img src="images/4_06.png" alt=""></a>
		</div>
		<div class="catr">
			<div><a href="#"><img src="images/4_101.png" alt=""></a></div>
			<div><a href="#"><img src="images/4_111.png" alt=""></a></div>
			<div><a href="#"><img src="images/4_121.png" alt=""></a></div>
			<div><a href="#"><img src="images/4_131.png" alt=""></a></div>
			<div><a href="#"><img src="images/4_141.png" alt=""></a></div>
		</div>
	</div>
	<div class="remen">
		<h2>到店维修</h2>
	</div>
	<div class="row">
			<div class="chengshi">
				<span>北京</span>
				<div class= "sanjiao"></div>
			</div>
			<div class="chengshi" id="xianqu">
				<span>选择县区</span>
				<div class= "sanjiao"></div>
			</div>
			<div class="biaodai">
				<input type="text" class="ss" placeholder="输出您的位置查找附近的商家">
				<button>搜索</button>
			</div>
	</div>
	<div class="dianpu">
		<div class="tiaor">
				<h3>商家好评榜</h3>
		</div>
		<div class="leipu">
			
			<div class="tiao">
				<div class="mo">
					默认排序
				</div>
				<div class="mo">
					按成交量
				</div>
				<div class="mo">
					按人气
				</div>
				<div class="in">
					<input type="checkbox">
					先行赔付
				</div>
				<div class="ddi">
					<span>地图模式</span>
				</div>
			</div>
		</div>
	</div>
	<div class="foot">
		<div class="fot">
			<dl>
				<dt><img src="images/38.png"/>购物指南</dt>
				<dd>
					<p>购物流程</p>
					<p>用户注册</p>
					<p>帮助文档</p>
				</dd>
			</dl>
			<dl>
				<dt><img src="images/29.png"/>支付方式</dt>
				<dd>
					<p>在线支付</p>
					<p>付款当面</p>
				</dd>
			</dl>
			<dl>
				<dt><img src="images/40.png"/>售后服务</dt>
				<dd>
					<p>投诉建议</p>
				</dd>
			</dl>
			<dl>
				<dt><img src="images/41.png"/>特色保障</dt>
				<dd>
					<p>360担保支付</p>
				</dd>
			</dl>
			<dl>
				<dt><img src="images/42.png"/>商家合作</dt>
				<dd>
					<p>加盟同城帮</p>
					<p>新闻采访/跨界合作</p>
				</dd>
			</dl>
		</div>
		<div class="fot-bottom">
			<p>客服电话：4000-399-360/010-53767360<span>投诉建议</span><span>网站地图</span></p>
			<p>Copyright&copy;2005-2017 360.CN &nbsp;All Rights Reserved 360安全中心</p>
			<p>京ICP备08010314号-19&nbsp;&nbsp;京公安备1100000000006号</p>
		</div>
	</div>

</body>
<script type="text/javascript" src="lib/swiper.min.js"></script>
<script type="text/javascript">
var mySwiper= new Swiper('.swiper-container',{
            direction:"horizontal",
        loop:true,
        autoplay:2000,
        pagination:".swiper-pagination",
        nextButton: '.swiper-button-next',
        prevButton: '.swiper-button-prev',
    })
</script>
</html>